* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #000000;
}

.top {
	width: 100%;
	height: 75px;
	/* background-color: brown; */
	border-bottom: #f79420 2px solid;
}

.logo {
	width: 240px;
	height: 75px;
	/* background-color: aqua; */
	float: left;
}

.logoimg {
	width: 200px;
	height: 55px;
	margin: 10px 20px 10px 20px;
}

.alertInfo {
	color: #ff0000;
	width: 600px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
}

.welcome {
	width: 400px;
	height: 75px;
	float: left;
	/* background-color: chocolate; */
	margin: 0 200px;
	text-align: center;
	font-size: 40px;
	line-height: 75px;
	color: #196aa6;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-weight: bold;
}

.main {
	width: 1080px;
	height: 500px;
	/* background-color: cornflowerblue; */
	margin: 0 auto;
	overflow: hidden;
}

.logintext {
	width: 600px;
	height: 50px;
	/* background-color: tomato; */
	margin: 50px auto;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
}

.logininput {
	width: 350px;
	height: 80px;
	/* background-color: violet; */
	margin: 0 auto;
	margin-bottom: 50px;
	padding-right: 50px;
	color: black;
	font-size: 16px;
	line-height: 40px;
	text-align: right;
}

.logininput>p {
	width: 300px;
	height: 40px;
	/* background-color: #f79420; */
	text-align: right;
}

.chkbox {
	width: 200px;
	height: 40px;
	/* background-color:palevioletred; */
	font-size: 16px;
	margin: 0 auto;
	text-align: center;
}

.chkbox>p {
	/* width: 170px; */
	margin: 0 auto;
}

.login {
	width: 400px;
	height: 50px;
	/* background-color: peru; */
	margin: 0 auto;
	text-align: center;
}

.login>input {
	width: 45px;
	height: 25px;
	font-size: 15px;
	margin: 0 50px;
}
/* office user */
.status {
	height: 30px;
	width: 200px;
	/* background-color: rgb(226, 231, 147); */
	float: right;
	margin-top: 45px;
	margin-right: 50px;
	line-height: 30px;
	text-align: right;
	color: #00A0BB;
}

.status a {
	color: #00A0BB;
}

.menulist {
	width: 1180px;
	height: 50px;
	margin: 0 auto;
	/* background-color: powderblue; */
	border-bottom: solid 2px #196AA6;
	overflow: hidden;
}

.list_sf {
	width: 200px;
	height: 30px;
	/* background-color: slateblue; */
	font-size: 18px;
	margin-top: 20px;
	margin-left: 50px;
	text-align: center;
	line-height: 30px;
	text-shadow: gray 1px 1px 1px;
	float: left;
	cursor: pointer;
}

.list_sf:hover {
	color: #F79420;
}

.list_out {
	width: 65px;
	height: 30px;
	font-size: 18px;
	margin-top: 20px;
	margin-right: 50px;
	text-align: center;
	line-height: 30px;
	text-shadow: gray 2px 2px 2px;
	float: right;
	cursor: pointer;
}

.list_out:hover {
	color: red;
}

/* Search Flights */
.midmenu {
	height: 750px;
	width: 1180px;
	margin: 10px auto;
}

.search {
	height: 85px;
	width: 1180px;
	margin: 30px auto;
}

/* 顶部搜索栏 */
.searchlist {
	height: 80px;
	width: 1156px;
	border: solid 2px #F79420;
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	margin: 20px auto;
	padding: 0 10px;
}

.searchlist p {
	line-height: 30px
}

/* 单选按钮 */
.optionone {
	width: 100px;
	height: 30px;
	/* background-color: seagreen; */
	margin: 10px;
	padding-left: 20px;
}

/* 下拉框 */
.dropdown {
	width: 90px;
	height: 60px;
	/* background-color: seagreen; */
	margin: 10px;
}

/* 日期选择框 */
.optiondate {
	width: 130px;
	height: 60px;
	/* background-color: seagreen; */
	margin: 10px;
}

/* 按钮 */
.searchbutton {
	width: 60px;
	height: 25px;
	/* background-color: seagreen; */
	margin: 28px 10px;
}

.editbutton {
	width: 100px;
	height: 25px;
	/* background-color: seagreen; */
	margin: 20px 80px 20px 20px;
	float: right;
}

/* 信息栏标题 */
.msgtitle {
	width: 1176px;
	height: 40px;
	margin: 0 auto;
	/* background-color: hotpink; */
	font-size: 20px;
	line-height: 40px;
}

/* 信息栏 */
.msglist {
	width: 1176px;
	height: 480px;
	/* background-color: greenyellow; */
	margin: 0 auto;
	overflow: auto;
	border: solid 2px #F79420;
	padding: 10px 0;
}

.msglist2 {
	width: 1176px;
	height: 480px;
	/* background-color: greenyellow; */
	margin: 0 auto;
	overflow: auto;
	border: solid 2px #F79420;
	padding: 10px 0;
}

/* 内部搜索信息 */
.innermsg {
	width: 1040px;
	height: 150px;
	/* background-color: slateblue; */
	border: solid 2px #00A0BB;
	margin: 20px auto;
	margin-bottom: 0px;
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
}

.stopinnermsg {
	width: 1040px;
	height: 260px;
	/* background-color: slateblue; */
	border: solid 2px #00A0BB;
	margin: 20px auto;
	margin-bottom: 0px;
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
}

.innerlist {
	width: 150px;
	height: 90px;
	/* background-color: lightslategray; */
	margin: auto;
	padding: 10px;
	line-height: 30px;
	border: solid 1px #F79420;
	font-size: 15px;
}

.linelist {
	width: 450px;
	height: 90px;
	/* background-color: lightslategray; */
	margin: 15px;
	padding: 10px;
	line-height: 30px;
	border: solid 1px #F79420;
	font-size: 15px;
}

/* 航班信息 */
.placelist {
	width: 425px;
	height: 30px;
	/* background-color: tomato; */
	margin-top: 10px;
	margin-bottom: 10px;
	border: solid 1px #00A0BB;
	padding: 0 10px;
}

/* 中转时间 */
.stoplist {
	width: 425px;
	height: 30px;
	/* background-color: tomato; */
	margin-top: 10px;
	margin-bottom: 15px;
	border: solid 1px #00A0BB;
	padding: 0 10px;
}

/* 城市、机场 */
.citymsg {
	width: 150px;
	height: 30px;
	/* background-color: yellow; */
	float: left;
	/* margin-top: 10px; */
}

/* 日期 */
.datemsg {
	width: 150px;
	height: 30px;
	/* background-color: yellow; */
	float: right;
	/* margin-top: 10px; */
	text-align: right;
}

.stopinnermsg .placelist {
	height: 60px;
}

.dfmsg2 {
	width: 1040px;
	height: 260px;
	/* background-color: slateblue; */
	border: solid 2px #00A0BB;
	margin: 40px auto;
	margin-bottom: 0px;
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
}

.dfselect2 {
	width: 100px;
	height: 30px;
	/* background-color: lightslategray; */
	margin-top: 115px;
}

.dfprice2 {
	width: 130px;
	height: 120px;
	/* background-color: lightslategray; */
	margin-top: 70px;
	padding: 10px 20px;
	line-height: 30px;
	border: solid 1px #00A0BB;
}

.dfmiddle2 {
	width: 450px;
	height: 210px;
	/* background-color: rgb(82, 158, 235); */
	margin-top: 15px;
	padding: 10px;
	line-height: 30px;
	border: solid 1px #00A0BB;
}

.dfplace2 {
	width: 430px;
	height: 60px;
	background-color: tomato;
	/* margin-top: 10px; */
	margin-bottom: 10px;
	padding: 0 10px;
	border: solid 1px #00A0BB;
}

.dfticket2 {
	width: 160px;
	height: 100px;
	/* background-color: lightslategray; */
	margin-top: 80px;
	padding: 10px 20px;
	line-height: 30px;
	border: solid 1px #00A0BB;
}

.placeline {
	width: 430px;
	height: 30px;
	/* background-color: green; */
}

.dfconfirm {
	width: 50px;
	height: 30px;
	/* background-color: darkseagreen; */
	float: right;
	margin-top: 20px;
}

/* Flight Status */

/* 报表栏 */
.formtitle {
	width: 1078px;
	height: 30px;
	margin: 10px auto;
	border: 1px solid black;
	/* background-color: lightsalmon; */
}

/* 翻页 */
.pageicon {
	width: 200px;
	height: 30px;
	/* background-color: khaki; */
	float: left;
	margin: 15px 0;
	display: flex;
	justify-content: space-around;
}

.prev {
	width: 20px;
	height: 30px;
	color: #196AA6;
	font-size: 20px;
	text-align: center;
	/* background-color: lightcoral; */
}

.page {
	width: 200px;
	height: 30px;
	padding-right: 15px;
	border-right: gray 1px solid;
	/* background-color: yellow; */
	margin: 0 0 0 10px;
	font-size: 20px;
	line-height: 30px;
	display: flex;
	justify-content: space-around;
	float: left;
}

.pagenum {
	width: 90px;
	height: 30px;
	border-right: gray 1px solid;
	/* background-color: yellow; */
	font-size: 15px;
	float: left;
}

/* 刷新栏 */
.refresh {
	width: 90px;
	height: 30px;
	padding: 0 15px;
	border-right: gray 1px solid;
	/* background-color: yellow; */
	font-size: 20px;
	float: left;
}

/* 图标 */
.reicon {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	float: left;
}

/* 打印栏 */
.print {
	width: 120px;
	height: 30px;
	padding: 0 15px;
	border-right: gray 1px solid;
	/* background-color: yellow; */
	font-size: 20px;
	float: left;
}

.view {
	width: 90px;
	height: 30px;
	padding: 0 15px;
	border-right: gray 1px solid;
	/* background-color: yellow; */
	font-size: 20px;
	float: left;
}

/* 表格 */
.formclass {
	width: 1080px;
	margin: 0 auto;
	/* background-color: blueviolet; */
}

.formclass>tr, th {
	border: 1px solid white;
}

.formclass>tr, td {
	border: 1px solid white;
}

/* 翻页 */
.pagemsg {
	width: 1080px;
	height: 60px;
	margin: 0 auto;
	/* background-color: skyblue */
}

.totalpage {
	width: 300px;
	height: 30px;
	/* background-color: khaki; */
	float: left;
	margin: 15px 40px;
	line-height: 30px;
}

/* Administrator Menu */
.ADmid {
	width: 1180px;
	height: 430px;
	/* background-color: skyblue; */
	margin: 30px auto;
}

.AdMenu {
	height: 80px;
	width: 996px;
	margin: 0 auto;
	/* background-color: royalblue; */
	border: solid 2px #F79420;
	padding: 0 40px;
	font-size: 14px;
	display: flex;
	justify-content: space-around;
}

/* from to组合框 */
.fromto {
	width: 270px;
	height: 80px;
	/* background-color: firebrick; */
	margin: 0px 50px;
	display: flex;
	justify-content: space-between;
}

.Fcity {
	width: 80px;
	height: 60px;
	/* background-color: forestgreen; */
	float: left;
}

.change {
	width: 30px;
	height: 30px;
	margin: 30px 20px;
	/* background-color: darksalmon; */
	float: left;
}

.changeicon {
	width: 28px;
	height: 28px;
	background-image: url(../image/exchange.png);
	background-size: 28px 28px;
	border: 1px solid #ccc;
	box-shadow: 0px 0px 0px #fff inset;
}

.DRdate {
	width: 130px;
	height: 60px;
	/* background-color: seagreen; */
	float: left;
	margin-right: 20px;
	text-align: center;
}

.DRdate2 {
	width: 160px;
	height: 30px;
	/* background-color: seagreen; */
	float: left;
	margin: 30px 0 0 20px;
}

.ADsearch {
	width: 50px;
	height: 25px;
	/* background-color: seagreen;  */
	margin-top: 27.5px;
}

.searchtab {
	width: 1080px;
	height: 300px;
	/* background-color: indianred; */
	margin: 20px auto;
}

table {
	border-collapse: collapse;
	margin: 0 auto;
	width: 100%;
}

tr th {
	height: 30px;
	border: 1px solid white;
	font-size: 14px;
	text-align: center;
}

tr td {
	height: 30px;
	border: 1px solid white;
	font-size: 12px;
	text-align: center;
}

.thead {
	background-color: #196AA6;
}

.tdcolor {
	background-color: lightblue;
}

.tdcolor1 {
	background-color: rgb(218, 232, 236);
}

.tdclass {
	background-color: rgb(160, 160, 160);
}

.subCancel {
	width: 100px;
	height: 30px;
	/* background-color: cyan; */
	float: right;
	margin-top: 20px;
	margin-right: 20px;
}

.subedit {
	width: 120px;
	height: 30px;
	/* background-color: cyan; */
	float: right;
	margin-top: 20px;
	margin-right: 80px;
}

.UMmid {
	width: 1080px;
	height: 530px;
	margin: 30px auto;
}

.UMMenu {
	height: 80px;
	width: 996px;
	/* background-color: royalblue; */
	border: solid 2px #F79420;
	padding: 0 40px;
	font-size: 14px;
	display: flex;
	justify-content: space-around;
}

.UMrole {
	width: 120px;
	height: 60px;
	/* background-color: firebrick; */
	margin-top: 10px;
}

.UMrole>p {
	line-height: 30px;
}

.UMsearch {
	width: 100px;
	height: 30px;
	/* background-color: firebrick; */
	margin-top: 30px;
}

.UMsearch2 {
	width: 100px;
	height: 30px;
	/* background-color: firebrick; */
	margin-top: 30px;
}

.UMtab {
	width: 1080px;
	height: 400px;
	/* background-color: indianred; */
	margin: 20px auto;
}

.UMtab>th, td {
	width: 150px;
	height: 30px;
	font-size: 12px;
	text-align: center;
}

.NUM {
	width: 80px;
	height: 30px;
	color: #196AA6;
	font-size: 20px;
	text-align: center;
	margin: 0 5px;
	/* background-color: lightcoral; */
}

/* Add/Edit User */
.usertop {
	width: 1080px;
	height: 50px;
	/* background-color: lightcoral; */
	margin: 0 auto;
}

.adduser {
	width: 150px;
	height: 50px;
	/* background-color: lightgreen; */
	margin-left: 450px;
	float: left;
	font-size: 22px;
	line-height: 50px;
}

.addexit {
	width: 80px;
	height: 30px;
	/* background-color: lightslategray; */
	float: right;
	margin-top: 20px;
}

.addmenu {
	width: 1076px;
	height: 440px;
	margin: 0px auto;
	/* background-color: palegoldenrod; */
	border: solid 2px #196AA6;
}

.addmsg {
	width: 1076px;
	height: 390px;
	/* background-color: #f79420;   */
}

.sltphoto {
	width: 150px;
	height: 220px;
	float: right;
	margin: 30px 50px;
	/* background-color:lightslategray; */
}

.sltbutton {
	width: 120px;
	height: 200px;
	margin-top: 10px;
	margin-left: 15px;
	/* background-color: rosybrown; */
	position: relative;
}

.sltbutton>input {
	position: absolute;
	/* top: 9px;  */
	bottom: 9px;
	left: 10px;
	right: 10px;
	opacity: 0;
	width: 100px;
}

.selttext {
	width: 100px;
	height: 20px;
	/* background-color: slateblue; */
	border: grey solid 1px;
	margin: 9px auto;
	font-size: 14px;
	text-align: center;
	line-height: 20px;
}

.addline {
	width: 730px;
	height: 100px;
	/* background-color: lime; */
	float: left;
	margin: 30px 0 0 80px;
	display: flex;
	justify-content: space-between;
}

.item {
	width: 200px;
	height: 60px;
	/* background-color: orange; */
	margin-top: 20px;
}

.item>p {
	line-height: 30px;
}

.itemads {
	width: 350px;
	height: 60px;
	/* background-color: orange; */
	margin-top: 20px;
	margin-right: 112px;
}

.itemads>p {
	line-height: 30px;
}

.addsubmit {
	width: 200px;
	height: 50px;
	/* background-color: orangered; */
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
}

.submitbutton {
	width: 70px;
	height: 30px;
}

/* Ticket Sales Detail */

/* 标题栏 */
.headline {
	width: 1080px;
	height: 50px;
	margin: 0 auto;
	/* background-color: green; */
}

.headtitle {
	width: 300px;
	height: 50px;
	/* background-color: lightgreen;    */
	font-size: 22px;
	line-height: 50px;
	text-align: center;
	font-weight: bold;
	float: left;
	margin-left: 390px;
}

/* 机型图 */
.flightimg {
	width: 1080px;
	height: 325px;
	margin: 20px auto;
	background-color: darksalmon;
}

.flightimg>img {
	width: 1080px;
}

/* 选座信息 */
.seatmsg {
	width: 1080px;
	height: 380px;
	margin: 20px auto;
	/* background-color: lightskyblue; */
}

.ticketmsg {
	width: 1080px;
	height: 130px;
	/* background-color: lightslategray; */
}

.cabinmsg {
	width: 150px;
	height: 120px;
	/* background-color: lightyellow; */
	float: left;
	margin-right: 200px;
	text-align: center;
	line-height: 22px;
}

.classtitle {
	color: #00A0BB;
	font-weight: bold;
}

/* 座位分布图 */
.seatimg {
	width: 1080px;
	height: 222px;
	/* background-color: coral; */
	display: flex;
	justify-content: space-between;
}

/* 头等舱 */
.firstclass {
	width: 140px;
	height: 220px;
	border: black solid 1px;
	padding: 5px;
	overflow: auto;
	display: flex;
	flex-direction: column-reverse;
	flex-wrap: wrap;
}

.seatstyle {
	width: 48px;
	height: 28px;
	margin: 10px;
	/* background-color: blueviolet; */
	border: black 1px solid;
	float: left;
	text-align: center;
	font-size: 16px;
	line-height: 28px;
}

.aisleseat {
	margin-top: 20px;
}

.businessclass {
	width: 420px;
	height: 220px;
	border: black solid 1px;
	overflow: auto;
	display: flex;
	flex-direction: column-reverse;
	flex-wrap: wrap;
}

.economyclass {
	width: 420px;
	height: 220px;
	border: black solid 1px;
	overflow: auto;
	display: flex;
	flex-direction: column-reverse;
	flex-wrap: wrap;
}

.seatline {
	width: 500px;
	height: 30px;
	/* background-color: chartreuse; */
}

.busseat {
	width: 38px;
	height: 18px;
	border: black 1px solid;
	margin: 10px 5px 0 5px;
	/* background-color: blueviolet; */
	float: left;
	text-align: center;
	font-size: 15px;
	line-height: 18px;
}

.ecoline {
	width: 1000px;
	height: 30px;
	/* background-color: chartreuse; */
}

.selected {
	background-color: orange;
}